<!DOCTYPE html>
<!-- saved from url=(0043)http://192.168.7.230:8080/springMVC_test01/ -->
<html class="no-js"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>login</title>
<link rel="stylesheet" type="text/css" href="./login_files/demo.css">

<link rel="stylesheet" type="text/css" href="./login_files/component.css">
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
<script src="./login_files/jquery-3.3.1.min.js.下载"></script>
</head>
<body>

	<div class="container demo-1">
		<div class="content">
			<div id="large-header" class="large-header" style="height: 178px;">
				<canvas id="demo-canvas" width="1550" height="178"></canvas>
				<div class="logo_box">
					<h3>欢迎你</h3>
					<form id="loginForm">
						<div class="input_outer">
							<span class="u_user"></span> <input name="user" class="text" style="color: #FFFFFF !important" type="text" placeholder="请输入账户">
						</div>
						<div class="input_outer">
							<span class="us_uer"></span> <input name="pwd" class="text" style="color: #FFFFFF !important; position: absolute; z-index: 100;" value="" type="password" placeholder="请输入密码">
						</div>
						<div class="mb2">
							<a id="logindl" class="act-but submit" href="http://192.168.7.230:8080/springMVC_test01/#" style="color: #FFFFFF">登录</a>
						</div>
					</form>
					<a href="http://192.168.7.230:8080/springMVC_test01/forRes.do" style="margin-left: 80px">还没有注册？请点击</a>
				</div>
			</div>
		</div>
	</div>
	<!-- /container -->
	<script src="./login_files/TweenLite.min.js.下载"></script>
	<script src="./login_files/EasePack.min.js.下载"></script>
	<script src="./login_files/rAF.js.下载"></script>
	<script src="./login_files/demo-1.js.下载"></script>
	<div style="text-align: center;"></div>

	<script type="text/javascript">
		$('#logindl').click(function() {
			$.ajax({
				cache : true,//保留缓存数据
				type : "POST",//为post请求
				url : "user/login.do",//这是我在后台接受数据的文件名
				data : $('#loginForm').serialize(),//将该表单序列化
				async : false,//设置成true，这标志着在请求开始后，其他代码依然能够执行。如果把这个选项设置成false，这意味着所有的请求都不再是异步的了，这也会导致浏览器被锁死
				dataType : "json",
				error : function(request) {//请求失败之后的操作
					return;
				},
				success : function(data) {//请求成功之后的操作

					if (data.success == true) {
						window.location.href = "forind.do";
					} else {
						alert("用户名或密码错误！！");
						$(".text").val("");
					}
				}
			});
		})
	</script>




</body></html>